<#assign contextPath=springMacroRequestContext.getContextPath() />
<#import "/public/frame/main.html" as frame />
<@frame.head "">
</@frame.head>
<html lang="en">
<head>
   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <link rel="stylesheet" href="${contextPath}/resources/css/courses/css/class.css">
    <link rel="stylesheet" href="${contextPath}/resources/css/courses/font/iconfont.css">
    <link href="${contextPath}/resources/css/video-js.min.css" rel="stylesheet">
    	<style>
.m {
	width: 960px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
</style>
</head>
<body>
    <!-- 中间弹出 -->
    <div class="con-center">
        <div class="f-right">
            <a href="javascript:;">
                <i class="iconfont" id="btn">&#xe85c;</i>
            </a>
        </div>
        <h3>${courses.coursetitle}</h3>
        <h3>第一课时</h3>
        <div class="time">
            <div class="y-time">
                <i class="iconfont">&#xe61a;</i>
                ${(courses.releasetime?string("yyyy-MM-dd"))!}</div>
            <div class="heart">
                <i class="iconfont">&#xe60f;</i>144</div>
        </div>
        <div class="f-video">
	     <video id="my-video" class="video-js" controls preload="auto" width="400" height="400"
			  poster="m.jpg" data-setup="{}">
	        <source src="${webPath}/videofile/${courses.video}">
	      
	      </video>
            
        </div></br>
        </br></br></br></br>
        <div class="text">
            ${courses.courseintroduction}
        </div>
        <div class="per">
            <div class="person">${courses.teacher}</div>
            <div class="person2">所属的圈子</div>
        </div>
        <div class="tou">
            <img src="images/tou.jpg" alt="">
        </div>
        
    </div>
<@frame.end "default">
</@frame.end>
</body>
 <script src="${contextPath}/resources/js/video.min.js"></script> 
       <script type="text/javascript">
			var myPlayer = videojs('my-video');
			videojs("my-video").ready(function(){
				var myPlayer = this;
				myPlayer.play();
			});
			  
		</script> 
</html>